
// console.log('hello world');
import $ from 'jquery'

import 'bootstrap/dist/css/bootstrap.css'
import './css/index.css'
import './css/index.less'

class Person {
    static info = { name: 'zs', age: 20 }
}

console.log(Person.info)

$(function(){
    const $body = $('body')
    $body.append('<ul></ul>')
    const $ul = $('ul')
    let arr = ['apple', 'orange', '地瓜', '佛跳墙']
    let tpl = '<li>{food}</li>'
    $.each(arr, function(i,food){
        $ul.append(tpl.replace('{food}', food))
    })
    $('li:odd').css('background-color', 'lightyellow')
    $('li:even').css('background-color', 'lightgreen')
})
